<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="rem" content="design-width=720" />
	<meta name="apple-touch-fullscreen" content="yes" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="full-screen" content="yes" />
	<meta name="x5-fullscreen" content="true" />
	<meta name="360-fullscreen" content="true" />
	<title>昨日涨停今日行情</title>

	<script src="//s.thsi.cn/js/m/common/zepto.js"></script>
    <script src="//s.thsi.cn/js/m/vue/2.6.11.min.js"></script>
	<script src="//s.thsi.cn/cd/ths-frontend-common-lib-container/v1.3.12/business/thsIphoneXAdapter.js"></script>
	<script src="//s.thsi.cn/cb?js/m/common/;user.js;basic.js;js/m/v2/common/;bridge.js;js/m/v2.1/common/;rem.js;js/m/v2/business/;stat.js"></script>
	<script type="text/javascript" src="//s.thsi.cn/hxapp/m/base/js/skywalking.1.1.5.min.js"></script>
	<link rel="stylesheet" type="text/css" href="//s.thsi.cn/js/m/toast/toast.css" />
	<script type="text/javascript" src="//s.thsi.cn/js/m/toast/toast.js"></script>
	<script src="//s.thsi.cn/js/m/v2.9/business/getMarketInfo.js"></script>
	<link rel="stylesheet" href="https://s.thsi.cn/js/d3chart/style/v0.0.9/index.css" />
	<script src="https://s.thsi.cn/js/datav/charts/0.3.12/d3_charts.js"></script>
	<!-- build:css styles/todayhq.css -->
	<link type="text/css" rel="stylesheet" href="./styles/reset.css" />
	<link type="text/less" rel="stylesheet" href="./styles/todayhq.less" />
	<link type="text/less" rel="stylesheet" href="./styles/baseToolTip.less" />
	<link type="text/less" rel="stylesheet" href="./styles/common.less" />
	<!-- endbuild -->
	<!-- build:remove -->
	<script type="text/javascript" src="//s.thsi.cn/js/m/business/less.js"></script>
	<!-- endbuild -->
</head>

<body>
	<div id="vuewrap" v-cloak>
		<!-- 页面loading页面 -->
		<div class="initLoading hide" id="initLoading">
			<div class="wrap">
				<img src="//s.thsi.cn/js/m/publicImg/loading.png" alt="">
				<p :class="{'adjustdot03':androidApp}">正在加载...</p>
			</div>
		</div>
		<!-- 接口错误页面 -->
		<div class="errLoading hide" @click="reload" id="errLoading">
			<div class="wrap">
				<img src="//s.thsi.cn/js/m/publicImg/error.png" alt="">
				<p>数据走丢了，点击屏幕重试</p>
			</div>
		</div>
		<!-- 涨停概要 -->
		<section class="limitSummary">
			<!-- 昨日涨停股今日行情 -->
			<div class="yesterdayLimitup">
				<div class="detail">
					<div class="data clearfix">
						<div class="item">
							<h4>昨日涨停(家)</h4>
							<p :class="{'red':parseInt(headerData.y)>0,'adjustdot05':androidApp}">{{headerData.y || "--"}}</p>
						</div>
						<div class="item">
							<h4>今日继续涨停(家)</h4>
							<p :class="{'red':parseInt(headerData.continue)>0,'adjustdot05':androidApp}">{{headerData.continue || "--"}}</p>
						</div>
						<div class="item">
							<h4>今日上涨(家)</h4>
							<p :class="{'red':parseInt(headerData.up)>0,'adjustdot05':androidApp}">{{headerData.up || "--"}}</p>
						</div>
						<div class="item">
							<h4>平均涨幅</h4>
							<p :class="{'red':parseFloat(headerData.zf)>0,'green':parseFloat(headerData.zf)<0,'adjustdot05':androidApp}">{{headerData.zf
								&& parseFloat(headerData.zf).toFixed(2)+"%" || "--"}}</p>
						</div>
					</div>
					<div class="meter">
						<canvas id="meter"></canvas>
						<div class="label clearfix">
							<span class="small">极弱</span><span class="big">极强</span>
						</div>
					</div>
				</div>
				<div class="height20"></div>
			</div>
		</section>
		<!-- 涨停指标 -->
		<section class="limitDetail" v-if="boardData.highest.length!=0">
			<div class="type highest">
				<h4>昨日市场最高连板</h4>
				<ul>
					<li class="item" class="item clearfix" v-for="(item,index) in boardData.highest" v-show="index<=3" @click="jumpK('highest',item,index)"
					 v-if="boardData.highest.length!=0">
						<p class="name">{{item.stockname}}</p>
						<div>
							<p :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}"><i v-if="parseFloat(item.upRise)>0">+</i>
								{{parseFloat(item.upRise).toFixed(2) | textFilter('%')}}</p>
							<p>{{item.lbzs}}连板</p>
						</div>
					</li>
				</ul>
				<div class="more" @click="more('highest')" v-if="boardData.highest.length>4">显示剩余{{boardData.highest.length-4}}家</div>
				<div class="height20"></div>
			</div>
			<div class="type first" v-if="boardData.one.stock.length>0 && boardData.one.dbgkl && boardData.one.dbcgl">
				<h4>昨日首板打板高开率{{boardData.one.dbgkl}}%，成功率{{boardData.one.dbcgl}}%</h4>
				<ul>
					<li class="item" class="item clearfix" v-for="(item,index) in boardData.one.stock" v-show="index<=3" v-if="boardData.one.stock.length!=0"
					 @click="jumpK('first',item,index)">
						<p class="name">{{item.stockname}}</p>
						<div>
							<p :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}"><i v-if="parseFloat(item.upRise)>0">+</i>
								{{parseFloat(item.upRise).toFixed(2) | textFilter('%')}}</p>
						</div>
					</li>
				</ul>
				<div class="more" @click="more('first')" v-if="boardData.one.stock.length>4">显示剩余{{boardData.one.stock.length-4}}家</div>
				<div class="height20"></div>
			</div>
			<div class="type second" v-if="boardData.two.stock.length>0 && boardData.two.dbgkl && boardData.two.dbcgl">
				<h4>昨日二板打板高开率{{boardData.two.dbgkl+'%' || '--'}}，成功率{{boardData.two.dbcgl+'%' || '--'}}</h4>
				<ul>
					<li class="item clearfix" v-for="(item,index) in boardData.two.stock" v-show="index<=3" v-if="boardData.two.stock.length!=0"
					 @click="jumpK('second',item,index)">
						<p class="name">{{item.stockname}}</p>
						<div>
							<p :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}"><i v-if="parseFloat(item.upRise)>0">+</i>
								{{parseFloat(item.upRise).toFixed(2) | textFilter('%')}}</p>
						</div>
					</li>
				</ul>
				<div class="more" @click="more('second')" v-if="boardData.two.stock.length>4">显示剩余{{boardData.two.stock.length-4}}家</div>
				<div class="height20"></div>
			</div>
			<div class="type third" v-if="boardData.three.stock.length>0 && boardData.three.dbgkl && boardData.three.dbcgl">
				<h4>昨日三板打板高开率{{boardData.three.dbgkl+'%' || '--'}}，成功率{{boardData.three.dbcgl+'%' || '--'}}</h4>
				<ul>
					<li class="item clearfix" v-for="(item,index) in boardData.three.stock" v-show="index<=3" v-if="boardData.three.stock.length!=0"
					 @click="jumpK('third',item,index)">
						<p class="name">{{item.stockname}}</p>
						<div>
							<p :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}"><i v-if="parseFloat(item.upRise)>0">+</i>
								{{parseFloat(item.upRise).toFixed(2) | textFilter('%')}}</p>
						</div>
					</li>
				</ul>
				<div class="more" @click="more('third')" v-if="boardData.three.stock.length>4">显示剩余{{boardData.three.stock.length-4}}家</div>
				<div class="height20"></div>
			</div>
			<div class="type failure" v-if="boardData.lowest.length!=0">
				<h4>昨日打板失败最大回撤</h4>
				<ul>
					<li class="item clearfix" v-for="(item,index) in boardData.lowest" v-show="index<=3" v-if="boardData.lowest.length!=0"
					 @click="jumpK('failure',item,index)">
						<p class="name">{{item.stockname}}</p>
						<div>
							<p :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}"><i v-if="parseFloat(item.upRise)>0">+</i>
								{{parseFloat(item.upRise).toFixed(2) | textFilter('%')}}</p>
						</div>
					</li>
				</ul>
				<div class="more" @click="more('failure')" v-if="boardData.lowest.length>4">显示剩余{{boardData.lowest.length-4}}家</div>
				<div class="height20"></div>
			</div>
		</section>
		<!-- 折线图 -->
		<div class="brokenLine" v-if="brokenLineData.arr.length>0">
			<h4>近20日历史打板与涨停折线图</h4>
			<ul>
				<li>封板率</li>
				<li>打板高开率</li>
				<li>打板成功率</li>
			</ul>
			<div style="width:6.56rem;height:2.08rem;background:#fff" id="chart"></div>
			<div class="date clearfix">
				<span>{{brokenLineData.startTime}}</span>
				<span>{{brokenLineData.endTime}}</span>
			</div>
			<div class="height80"></div>
		</div>
		<basetooltip></basetooltip>
	</div>
	<!-- build:js scripts/todayhq.js -->
	<script src="./scripts/config.js"></script>
	<script src="./scripts/stat.js"></script>
	<script src="./scripts/utils.js"></script>
	<script src="./scripts/chart.meter.js"></script>
	<script src="./scripts/mixin.js"></script>
	<script src="./scripts/BaseToolTip.js"></script>
    <script src="./scripts/SkyWalking.js"></script>
	<script src="./scripts/todayhq.js"></script>
	<!-- endbuild -->
</body>

</html>